// 多边形弹框、
<template>
  <Modal v-on:hidden="$emit('hidden')">
    <div class="polygon flexC">
      <div class="modal_content flex1 flex">
        <img src="../assets/img/components/clone.png" @click="$emit('hidden')" style="position: absolute; right: 3.8%; top: 6.5%; width: 4.375rem; height: 4.375rem;" alt="" />
        <div class="flex1"><slot></slot></div>
      </div>
    </div>
  </Modal>
</template>
<script>
import Modal from './Modal'
export default {
  name: 'ModalPolygon',
  components: {
    Modal
  }
}
</script>
<style lang="scss" scoped>
.polygon {
  width: 90%;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 5%;
  .modal_content {
    padding: 2rem 3rem 3rem 3rem;
    background: url(../assets/img/components/01.png) no-repeat;
    background-size: 100% 100%;
  }
}
</style>
